<template>
  <div id="app">
    <Lable v-for="item in list" :key="item.id" :name="item.name" />
  </div>
</template>

<script>
import Lable from './components/lable'
export default {
  data () {
    return {
      list: [
        { id: 1, name: '默认按钮' },
        { id: 2, name: '主要按钮' },
        { id: 3, name: '成功按钮' },
        { id: 4, name: '信息按钮' },
        { id: 5, name: '警告按钮' },
        { id: 6, name: '危险按钮' }
      ]
    }
  },
  components: {
    Lable
  }
}
</script>

<style lang="less">
#app {
  width: 100px;
  height: 100px;
  border: 1 px solid #dcdfe6;
}
</style>
